<template>
  <div id="app">
    <div class="doc">
      <sidebar></sidebar>
      <div class="doc-content">
        <transition name="move" mode="out-in">
          <keep-alive>
            <router-view></router-view>
          </keep-alive>
        </transition>
      </div>
    </div>
  </div>
</template>

<script>
import Sidebar from 'components/sidebar/sidebar'
export default {
  name: 'app',
  components: {
    Sidebar
  }
}
</script>

<style lang="stylus" type="text/stylus" rel="stylesheet/stylus">
.doc
  display flex
  .sidebar
    flex 0 0 200px
  .doc-content
    flex 1
    overflow-x hidden
    padding 0 20px
    .warn-info
      width 100%
      height 50px
      line-height 50px
      margin-left -20px
      padding-left 40px
      background #f8d7ad
</style>
